<template>
<div class="zuj scroll" >
    <div class="shuzi" ref="shuzi"><!--装滚动的盒子 -->
                <div class="y">  <!--滚动的盒子 -->
                    <div class="cishi">000</div>
                    <div class="cishi">130</div>
                    <div class="cishi">120</div>
                    <div class="cishi">90</div>
                    <div class="cishi">000</div>
                    <div class="cishi">130</div>
                    <div class="cishi">120</div>
                    <div class="cishi">90</div>
                    <div class="cishi">90</div>
                    <div class="cishi">100</div>

                </div>                
    </div>
      <span class="jia">+</span>
    <div class="wenzi">
        <span>
            产品服务
        </span>
    </div>
</div>

</template>

<script>

export default {
    name:"ShuziZhujian",
    // data(){
    //   return {
    //     a:0,
    //     b:this.$refs.zujian.getBoundingClientRect().left
    //    }

    // },

    
    // mounted(){
    //   // window.addEventListener('resize',this.Left(),true)
    //   console.log(this.$refs['zujian'].getBoundingClientRect().left)

    // },
    // computed:{
    //   c(){
    //     console.log('nihao')
    //     return this.a+this.b
    //   }
    // }

}
</script>

<style  scoped>
.zuj{
  display: inline-block;
  margin: 0 70px;
  font-size: 14px;


}
    .shuzi{
    height: 100px;
  overflow: hidden;
  margin-bottom: 10px;
  display: inline-block;
}

img{
  width: 100%;
}
.cishi{
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-size: 50px;
    text-align: center;
}
.wenzi span{
  display: inline-block;
  font-size: 15px;
}
.wenzi{
  text-align: center;
}
.jia{
  display: inline-block;
  /* height: 100px; */
  vertical-align: top;
  font-size: 25px;
  padding-top: 50px;
  
}
</style>